<template>
    <div class="get-more-btn">
        <p>{{ this.title }}</p>        
    </div>
</template>

<script>
export default {
    name: 'getMore',
    props: {
        isOver: {
            default: false
        }
    },
    data () {
        return {
            title: '点击加载更多数据'
        }
    },
    watch: {
        isOver() {
            if(this.isOver) {
                this.title = '暂无更多数据';
            }else {
                this.title = '点击加载更多数据';
            }
        }
    }
}
</script>

<style lang="less" scoped>
.get-more-btn {
    width: 100%;
    border-top: .1rem solid #ccc;

    p {
        color: #aaa;
        font-size: 1.4rem;
        text-align: center;
        line-height: 4.8rem;
    }
}
</style>
